<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<link href="../../static/css/style.css" rel="stylesheet" type="text/css" />
		<link href="../../static/css/select.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../../static/js/jquery.js"></script>
		<script type="text/javascript" src="../../static/js/jquery.idTabs.min.js"></script>
		<script type="text/javascript" src="../../static/js/select-ui.min.js"></script>
		<script type="text/javascript" src="../../static/editor/kindeditor.js"></script>
		<script type="text/javascript">
		$(document).ready(function(e) {
		    $(".select1").uedSelect({
				width : 200		  
			});
			
		});
		</script>

	</head>

	<body>

	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><a href="#">工作安排</a></li>
			<li><a href="#">日程安排</a></li>
		</ul>
	</div>

	<div class="rightinfo" id="app">

		<ul class="prosearch">
			<li>
				<label>查询：</label><i>授予人</i>
				<a>
					<input name="messageIntro" type="text" id="checkEmp" class="scinput"/>
				</a>
				<i>被授予人</i>
				<a>
					<input name="sender" type="text" id="checkEmped" class="scinput"/>
				</a>
				<i>授予时间</i>
				<a>
					<input name="accept" type="datetime-local" id="checkEmpedDate"  class="scinput"/>
				</a>

			</li>
			<a>
				<input name="" type="button" class="sure" @click="QueryAgent" value="查询"/>
			</a>
			<a>
				<input name="" type="button" class="sure" @click="jumpAddAgent" value="添加日程"/>
			</a>
			<a>
				<input name="" type="button" class="sure" @click="tipclick(1,'')" value="读者设置"/>
			</a>
			<a>
				<input name="" type="button" class="sure" @click="tipclick(2,'')" value="代办设置"/>
			</a>
		</ul>
		<div class="formtitle1"><span>全部留言</span></div>

			<table class="tablelist">
				<thead>
				<tr>
					<th>
						<input name="" type="checkbox" value="" checked="checked"/>
					</th>
					<th>日程安排标题</th>
					<th>授予人</th>
					<th>被授予人</th>
					<th>日程安排内容</th>
					<th>预定时间</th>
					<th>完成时间</th>
					<th>状态</th><li>
					<th>操作</th>
				</tr>
				</thead>
				<tbody>
				<tr v-for="one in scheduleMessage">
					<td>
						<input name="" type="checkbox" value=""/>
					</td>
					<td style="display:none" class="hidden">{{ one.scheduleId }}</td>
					<td>{{ one.scheduleTitle }}</td>
					<td>{{ one.empName }}</td>
					<td>{{ one.empedName }}</td>
					<td>{{ one.scheduleText }}</td>
					<td>{{ one.scheduleDate }}</td>
					<td>{{ one.scheduleDeletetime }}</td>
					<td v-if="one.scheduleCompletestatus==0">未完成</td>
					<td v-else>已完成</td>

					<td>
						<a href="#" class="tablelink" @click="tipclick(3,one)">修改</a>
						<a href="#" class="tablelink" @click="tipclick(4,one)">删除</a>
					</td>
				</tr>
				</tbody>
			</table>

			<div class="pagin">
				<div class="message">共<i class="blue">{{ pageInfo.totalRows }}</i>条记录，当前显示第&nbsp;<i class="blue">{{ pageInfo.pageNum }}&nbsp;</i>页</div>
				<ul class="paginList" v-if="pageFlag&&(innerPageFlag==0)">
					<li class="paginItem"><a href="javascript:;" @click="tolastPage"><span class="pagepre"></span></a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(1)">1</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(2)">2</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(3)">3</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(4)">4</a></li>
					<li class="paginItem"><a href="javascript:;" >...</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(totalPage)">{{ totalPage }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="tonextPage"><span class="pagenxt"></span></a></li>
				</ul>
				<ul class="paginList" v-if="pageFlag&&(innerPageFlag==1)">
					<li class="paginItem"><a href="javascript:;" @click="tolastPage"><span class="pagepre"></span></a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(1)">1</a></li>
					<li class="paginItem"><a href="javascript:;" >...</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(pageNum-1)">{{ pageNum-1 }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(pageNum)">{{ pageNum }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(pageNum+1)">{{ pageNum+1 }}</a></li>
					<li class="paginItem"><a href="javascript:;" >...</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(totalPage)">{{ totalPage }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="tonextPage"><span class="pagenxt"></span></a></li>
				</ul>
				<ul class="paginList" v-if="pageFlag&&(innerPageFlag==2)">
					<li class="paginItem"><a href="javascript:;" @click="tolastPage"><span class="pagepre"></span></a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(1)">1</a></li>
					<li class="paginItem"><a href="javascript:;" >...</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(totalPage-3)">{{ totalPage-3 }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(totalPage-2)">{{ totalPage-2 }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(totalPage-1)">{{ totalPage-1 }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="anyPage(totalPage)">{{ totalPage }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="tonextPage"><span class="pagenxt"></span></a></li>
				</ul>
				<ul class="paginList" v-if="!pageFlag">
					<li class="paginItem"><a href="javascript:;" @click="tolastPage"><span class="pagepre"></span></a></li>
					<li class="paginItem" v-for="one in pageList"><a href="javascript:;" @click="anyPage(one)">{{ one }}</a></li>
					<li class="paginItem"><a href="javascript:;" @click="tonextPage"><span class="pagenxt"></span></a></li>
				</ul>
			</div>

		<!--提示框-->
			<div class="tip" id="tip1">
				<div class="tiptop"><span>提示信息</span>
					<a @click="closetip2"></a>
				</div>

				<div class="tipinfo">
					<span><img src="../../static/images/ticon.png" /></span>
					<div class="tipright">
						<p>是否确认对信息的修改 ？</p>
						<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
					</div>
				</div>

				<div class="tipbtn">
					<input name="" type="button" class="sure" @click="closetip1" value="确定" />&nbsp;
					<input name="" type="button" class="cancel" @click="closetip2" value="取消" />
				</div>

			</div>
	    <!-- 读者弹出框 -->
		<div class="tip" id="tip2" style="height: 400px">
			<div class="tiptop">
				<span v-if="readerOrWorker">读者设置</span>
				<span v-else>代办设置</span>
				<a @click="closetip2"></a>
			</div>

			<div class="tipinfo" style="margin-left: 30px;">
				<div class="tipright">
					<div>
						<label style="margin-bottom:40px">部门信息: </label>
						<select class="dfinput" style="opacity: 100" id="checkbox1_1" @change="function1">
							<option power="0">请选择部门</option>
							<option  v-for="temp in deptInfo" :power="temp.id">{{ temp.deptName }}</option>
						</select>
					</div>
					<div>
						<label style="margin-bottom:40px">员工信息: </label>
						<select class="dfinput" style="opacity: 100" id="checkbox1_2" @blur="function2">
							<option power="0">请选择员工</option>
							<option  v-for="temp in staffInfo" :power="temp.id">{{ temp.name }}</option>
						</select>
					</div>

				</div>
			</div>

			<div class="tipbtn" style="margin-left: 343px;">
				<input name="" type="button" v-if="readerOrWorker" @click="addReader" class="sure" value="确定添加读者" />
				<input name="" type="button" v-else @click="addAgent" class="sure" value="确定添加代办者" />
			</div>

			<div v-if="readerOrWorker">
				<div style="font-size: 16px;margin: 10px 20px 10px 35px;">读者组</div>
				<select class="dfinput" style="opacity: 100;margin-left: 35px;width: 400px;" id="readerList" @blur="function3">
					<option power="0">请选择读者</option>
					<option  v-for="temp in readerList" :staff="temp.readerEmpId" :reader="temp.readerId">{{ temp.readerName }}</option>
				</select>
			</div>
			<div v-else>
				<div style="font-size: 16px;margin: 10px 20px 10px 35px;">代办组</div>
				<select class="dfinput" style="opacity: 100;margin-left: 35px;width: 400px;" id="agentList" @blur="function4">
					<option power="0">请选择代办者</option>
					<option  v-for="temp in agentList" :staff="temp.agentEmpId" :agent="temp.agentId">{{ temp.agentName }}</option>
				</select>
			</div>

			<div class="tipbtn" style="margin-left: 343px;">
				<input name="" type="button" class="sure" v-if="readerOrWorker" @click="deleteReader" value="确定取消授权" />
				<input name="" type="button" class="sure" v-else @click="deleteAgent" value="确定取消授权" />
			</div>



		</div>

		</div>

	<script type="text/javascript" src="../../static/js/vue.js"></script>
	<script type="text/javascript" src="../../static/js/axios.min.js"></script>
	<script type="text/javascript" src="../../static/js/personalOffice/workSchedule.js"></script>

	</body>

</html>
